<template>
  <div class="ds-head w-full h-20 absolute flex items-center justify-center top-0 left-1/2 transform -translate-x-1/2">
    <h1 class="text-4xl text-white">{{title}}</h1>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'DsHead',
  props: {
    title: {
      type: String
    }
  }
})
</script>

<style lang="scss" scoped>
.ds-head {
  //background: url("../assets/images/1/pic-2.png") no-repeat 16px 16px;
  background: url("../assets/images/1/bg-header.png") center 0 no-repeat;
}
</style>
